<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en"><!--<![endif]--><!-- BEGIN HEAD --><head>
   <meta charset="utf-8">
   <title>Conquer | Data Tables - Advance Tables</title>
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
   <meta content="" name="description">
   <meta content="" name="author">
   <link href="css/bootstrap.min.css" rel="stylesheet">
   <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
   <link href="css/font-awesome.css" rel="stylesheet">
   <link href="css/style.css" rel="stylesheet">
   <link href="css/style_responsive.css" rel="stylesheet">
   <link href="css/style_default.css" rel="stylesheet" id="style_color">
   <link href="#" rel="stylesheet" id="style_metro">
   <link href="css/jquery.fancybox.css" rel="stylesheet">
   <link rel="stylesheet" type="text/css" href="css/uniform.default.css">
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="fixed-top">
   <!-- BEGIN HEADER -->
   <div id="header" class="navbar navbar-inverse navbar-fixed-top">
      <!-- BEGIN TOP NAVIGATION BAR -->
      <div class="navbar-inner">
         <div class="container-fluid">
            <!-- BEGIN LOGO -->
            <a class="brand" href="index.html">
            <img src="images/logo.png" alt="Conquer">
            </a>
            <!-- END LOGO -->
            <!-- BEGIN RESPONSIVE MENU TOGGLER -->
            <a class="btn btn-navbar collapsed" id="main_menu_trigger" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="arrow"></span>
            </a>          
            <!-- END RESPONSIVE MENU TOGGLER -->            
            <div class="top-nav">
               <!-- BEGIN QUICK SEARCH FORM -->
               <form class="navbar-search hidden-phone">
                  <div class="search-input-icon">
                     <input type="text" class="search-query dropdown-toggle" id="quick_search" placeholder="Search" data-toggle="dropdown">
                     <i class="icon-search"></i>
                     <!-- BEGIN QUICK SEARCH RESULT PREVIEW -->
                     <ul class="dropdown-menu extended">
                        <li>
                           <span class="arrow"></span>
                           <p>Found 23 results</p>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-success"><i class="icon-user"></i></span>
                           Nick Kim, Technical Mana...<i class="icon icon-arrow-right"></i>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-info"><i class="icon-money"></i></span>
                           Anual Report,Dec 20...<i class="icon icon-arrow-right"></i>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-warning"><i class="icon-comment"></i></span>
                           Re: Nick Dalton, Sep 11:...<i class="icon icon-arrow-right"></i>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-important"><i class="icon-bullhorn"></i></span>
                           Office Setup, Mar 12...<i class="icon icon-arrow-right"></i>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-info"><i class="icon-envelope"></i></span>
                           Re: Order Status, Jan 12...<i class="icon icon-arrow-right"></i>

                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-info"><i class="icon-paper-clip"></i></span>
                           project_2011.docx, Feb 12...<i class="icon icon-arrow-right"></i>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           See all results...
                           </a>
                        </li>
                     </ul>
                     <!-- END QUICK SEARCH RESULT PREVIEW -->
                  </div>
               </form>
               <!-- END QUICK SEARCH FORM -->
               <!-- BEGIN TOP NAVIGATION MENU -->              
               <ul class="nav pull-right" id="top_menu">
                  <!-- BEGIN NOTIFICATION DROPDOWN -->   
                  <li class="dropdown" id="header_notification_bar">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     <i class="icon-warning-sign"></i>
                     <span class="label label-important">15</span>
                     </a>
                     <ul class="dropdown-menu extended notification">
                        <li>
                           <p>You have 14 new notifications</p>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-success"><i class="icon-plus"></i></span>
                           New user registered. 
                           <span class="small italic">Just now</span>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-important"><i class="icon-bolt"></i></span>
                           Server #12 overloaded. 
                           <span class="small italic">15 mins</span>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-warning"><i class="icon-bell"></i></span>
                           Server #2 not respoding.
                           <span class="small italic">22 mins</span>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-info"><i class="icon-bullhorn"></i></span>
                           Application error.
                           <span class="small italic">40 mins</span>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-important"><i class="icon-bolt"></i></span>
                           Database overloaded 68%. 
                           <span class="small italic">2 hrs</span>
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="label label-important"><i class="icon-bolt"></i></span>
                           2 user IP addresses blacklisted.
                           <span class="small italic">5 hrs</span>
                           </a>
                        </li>
                        <li>
                           <a href="#">See all notifications</a>
                        </li>
                     </ul>
                  </li>
                  <!-- END NOTIFICATION DROPDOWN -->
                  <!-- BEGIN INBOX DROPDOWN -->
                  <li class="dropdown" id="header_inbox_bar">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     <i class="icon-envelope-alt"></i>
                     <span class="label label-success">5</span>
                     </a>
                     <ul class="dropdown-menu extended inbox">
                        <li>
                           <p>You have 12 new messages</p>
                        </li>
                        <li>
                           <a href="#">
                           <span class="photo"><img src="images/avatar-mini.png" alt="avatar"></span>
                           <span class="subject">
                           <span class="from">Lisa Wong</span>
                           <span class="time">Just Now</span>
                           </span>
                           <span class="message">
                           Vivamus sed auctor nibh congue nibh.
                           </span>  
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="photo"><img src="images/avatar-mini.png" alt="avatar"></span>
                           <span class="subject">
                           <span class="from">Alina Fionovna</span>
                           <span class="time">16 mins</span>
                           </span>
                           <span class="message">
                           Vivamus sed auctor nibh congue.
                           </span>  
                           </a>
                        </li>
                        <li>
                           <a href="#">
                           <span class="photo"><img src="images/avatar-mini.png" alt="avatar"></span>
                           <span class="subject">
                           <span class="from">Mila Rock</span>
                           <span class="time">2 hrs</span>
                           </span>
                           <span class="message">
                           Vivamus sed auctor nibh congue.
                           </span>  
                           </a>
                        </li>
                        <li>
                           <a href="#">See all messages</a>
                        </li>
                     </ul>
                  </li>
                  <!-- END INBOX DROPDOWN -->
                  <li class="divider-vertical hidden-phone hidden-tablet"></li>
                  <!-- BEGIN USER LOGIN DROPDOWN -->
                  <li class="dropdown">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     <i class="icon-wrench"></i>
                     <b class="caret"></b>
                     </a>
                     <ul class="dropdown-menu">
                        <li><a href="#"><i class="icon-cogs"></i> System Settings</a></li>
                        <li><a href="#"><i class="icon-pushpin"></i> Shortcuts</a></li>
                        <li><a href="#"><i class="icon-trash"></i> Trash</a></li>
                     </ul>
                  </li>
                  <!-- END USER LOGIN DROPDOWN -->
                  <li class="divider-vertical hidden-phone hidden-tablet"></li>
                  <!-- BEGIN USER LOGIN DROPDOWN -->
                  <li class="dropdown">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     <i class="icon-user"></i>
                     <b class="caret"></b>
                     </a>
                     <ul class="dropdown-menu">
                        <li><a href="#"><i class="icon-user"></i> Mark King</a></li>
                        <li><a href="#"><i class="icon-envelope-alt"></i> Inbox</a></li>
                        <li><a href="#"><i class="icon-tasks"></i> Tasks</a></li>
                        <li><a href="#"><i class="icon-ok"></i> Calendar</a></li>
                        <li class="divider"></li>
                        <li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
                     </ul>
                  </li>
                  <!-- END USER LOGIN DROPDOWN -->
               </ul>
               <!-- END TOP NAVIGATION MENU --> 
            </div>
         </div>
      </div>
      <!-- END TOP NAVIGATION BAR -->
   </div>
   <!-- END HEADER -->
   <!-- BEGIN CONTAINER -->
   <div id="container" class="row-fluid">
      <!-- BEGIN SIDEBAR -->
      <div id="sidebar" class="nav-collapse collapse">
         <div class="sidebar-toggler hidden-phone"></div>
         <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
         <div class="navbar-inverse">
            <form class="navbar-search visible-phone">
               <input type="text" class="search-query" placeholder="Search">
            </form>
         </div>
         <!-- END RESPONSIVE QUICK SEARCH FORM -->
         <!-- BEGIN SIDEBAR MENU -->
         <ul>
            <li>
               <a href="index.html">
               <i class="icon-home"></i> Dashboard
               </a>              
            </li>
            <li class="has-sub">
               <a href="javascript:;">
               <i class="icon-bookmark-empty"></i> UI Elements
               <span class="arrow"></span>
               </a>
               <ul class="sub">
                  <li><a href="ui_elements_general.html">General</a></li>
                  <li><a href="ui_elements_buttons.html">Buttons</a></li>
                  <li><a href="ui_elements_tabs_accordions.html">Tabs &amp; Accordions</a></li>
                  <li><a href="ui_elements_typography.html">Typography</a></li>
               </ul>
            </li>
            <li class="has-sub">
               <a href="javascript:;">
               <i class="icon-cogs"></i> Form Stuff
               <span class="arrow"></span>
               </a>
               <ul class="sub">
                  <li><a href="form_layout.html">Form Layouts</a></li>
                  <li><a href="form_component.html">Form Components</a></li>
                  <li><a href="form_wizard.html">Form Wizard</a></li>
                  <li><a href="form_validation.html">Form Validation</a></li>
               </ul>
            </li>
            <li class="has-sub active">
               <a href="javascript:;">
               <i class="icon-table"></i> Data Tables
               <span class="arrow open"></span>
               </a>
               <ul class="sub">
                  <li><a href="table_basic.html">Basic Tables</a></li>
                  <li class="active"><a href="table_advance.html">Advance Tables</a></li>
               </ul>
            </li>
            <li><a href="grids.html"><i class="icon-th"></i> Grids &amp; Portlets</a></li>
            <li><a href="charts.html"><i class="icon-bar-chart"></i> Visual Charts</a></li>
            <li class="has-sub">
               <a href="javascript:;">
               <i class="icon-map-marker"></i> Maps
               <span class="arrow"></span>
               </a>
               <ul class="sub">
                  <li><a href="maps_google.html"> Google Maps</a></li>
                  <li><a href="maps_vector.html"> Vector Maps</a></li>
               </ul>
            </li>
            <li><a href="calendar.html"><i class="icon-ok"></i> Calendar</a></li>
            <li><a href="gallery.html"><i class="icon-camera"></i> Gallery</a></li>
            <li class="has-sub">
               <a href="javascript:;">
               <i class="icon-plane"></i> Sample Pages
               <span class="arrow"></span>
               </a>
               <ul class="sub">
                  <li><a href="sample_blank.html">Blank Page</a></li>
                  <li><a href="sample_sidebar_closed.html">Sidebar Closed Page</a></li>
                  <li><a href="sample_pricing_tables.html">Pricing Tables</a></li>
                  <li><a href="sample_faq.html">FAQ</a></li>
               </ul>
            </li>
            <li><a href="login.html"><i class="icon-user"></i> Login Page</a></li>
         </ul>
         <!-- END SIDEBAR MENU -->
      </div>
      <!-- END SIDEBAR -->
      <!-- BEGIN PAGE -->
      <div id="body">
         <!-- BEGIN SAMPLE widget CONFIGURATION MODAL FORM-->
         <div id="widget-config" class="modal hide">
            <div class="modal-header">
               <button data-dismiss="modal" class="close" type="button"></button>
               <h3>widget Settings</h3>
            </div>
            <div class="modal-body">
               <p>Here will be a configuration form</p>
            </div>
         </div>
         <!-- END SAMPLE widget CONFIGURATION MODAL FORM-->
         <!-- BEGIN PAGE CONTAINER-->        
         <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
               <div class="span12">
                  <!-- BEGIN STYLE CUSTOMIZER-->
                  <div id="styler" class="hidden-phone">
                     <i class="icon-cog"></i>
                     <span class="settings">
                     <span class="text">Style:</span>
                     <span class="colors">
                     <span class="color-default" data-style="default">
                     </span>
                     <span class="color-grey" data-style="grey">
                     </span>
                     <span class="color-navygrey" data-style="navygrey">
                     </span>                                
                     <span class="color-red" data-style="red">
                     </span>  
                     </span>
                     <span class="layout">
                     <label class="hidden-phone">
                     <div class="checker" id="uniform-undefined"><span class="checked"><input type="checkbox" class="header" checked="" value="" style="opacity: 0;"></span></div>Sticky Header
                     </label><br>
                     <label><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="metro" value="" style="opacity: 0;"></span></div>Metro Style</label>
                     </span>
                     </span>
                  </div>
                  <!-- END STYLE CUSTOMIZER--> 
                  <!-- BEGIN PAGE TITLE & BREADCRUMB-->     
                  <h3 class="page-title">
                     Advance Tables
                     <small>advance table samples</small>
                  </h3>
                  <ul class="breadcrumb">
                     <li>
                        <i class="icon-home"></i>
                        <a href="index.html">Home</a> 
                        <span class="icon-angle-right"></span>
                     </li>
                     <li>
                        <a href="#">Data Tables</a>
                        <span class="icon-angle-right"></span>
                     </li>
                     <li>
                        <a href="#">Advance Tables</a>
                     </li>
                  </ul>
                  <!-- END PAGE TITLE & BREADCRUMB-->
               </div>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN PAGE CONTENT-->
            <div class="row-fluid">
               <div class="span12">
                  <!-- BEGIN EXAMPLE TABLE widget-->
                  <div class="widget">
                     <div class="widget-title">
                        <h4><i class="icon-reorder"></i>Managed Table</h4>
                        <span class="tools">
                        <a href="javascript:;" class="icon-chevron-down"></a>
                        <a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
                        <a href="javascript:;" class="icon-refresh"></a>      
                        <a href="javascript:;" class="icon-remove"></a>
                        </span>
                     </div>
                     <div class="widget-body">
                        <div id="sample_1_wrapper" class="dataTables_wrapper form-inline" role="grid"><div class="row-fluid"><div class="span6"><div id="sample_1_length" class="dataTables_length"><label><select size="1" name="sample_1_length" aria-controls="sample_1" class="input-mini"><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> records per page</label></div></div><div class="span6"><div class="dataTables_filter" id="sample_1_filter"><label>Search: <input type="text" aria-controls="sample_1" class="input-medium"></label></div></div></div><table class="table table-striped table-bordered dataTable" id="sample_1" aria-describedby="sample_1_info">
                           <thead>
                              <tr role="row"><th style="width: 24px;" class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label=""><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes" style="opacity: 0;"></span></div></th><th class="sorting" role="columnheader" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" style="width: 163px;" aria-label="Username: activate to sort column ascending">Username</th><th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" style="width: 304px;" aria-label="Email: activate to sort column ascending">Email</th><th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" style="width: 108px;" aria-label="Points: activate to sort column ascending">Points</th><th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" style="width: 177px;" aria-label="Joined: activate to sort column ascending">Joined</th><th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" style="width: 183px;" aria-label=": activate to sort column ascending"></th></tr>
                           </thead>
                           
                        <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="gradeX odd">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">shuxer</td>
                                 <td class="hidden-phone "><a href="mailto:shuxer@gmail.com">shuxer@gmail.com</a></td>
                                 <td class="hidden-phone ">120</td>
                                 <td class="center hidden-phone ">12 Jan 2012</td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">looper</td>
                                 <td class="hidden-phone "><a href="mailto:looper90@gmail.com">looper90@gmail.com</a></td>
                                 <td class="hidden-phone ">120</td>
                                 <td class="center hidden-phone ">12.12.2011</td>
                                 <td class="hidden-phone "><span class="label label-warning">Suspended</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">userwow</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@yahoo.com">userwow@yahoo.com</a></td>
                                 <td class="hidden-phone ">20</td>
                                 <td class="center hidden-phone ">12.12.2012</td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">user1wow</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">userwow@gmail.com</a></td>
                                 <td class="hidden-phone ">20</td>
                                 <td class="center hidden-phone ">12.12.2012</td>
                                 <td class="hidden-phone "><span class="label label-inverse">Blocked</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">restest</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">test@gmail.com</a></td>
                                 <td class="hidden-phone ">20</td>
                                 <td class="center hidden-phone ">12.12.2012</td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">foopl</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone ">20</td>
                                 <td class="center hidden-phone ">19.11.2010</td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">weep</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone ">20</td>
                                 <td class="center hidden-phone ">19.11.2010</td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">coop</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone ">20</td>
                                 <td class="center hidden-phone ">19.11.2010</td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">pppol</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone ">20</td>
                                 <td class="center hidden-phone ">19.11.2010</td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">test</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone ">20</td>
                                 <td class="center hidden-phone ">19.11.2010</td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr></tbody></table><div class="row-fluid"><div class="span6"><div class="dataTables_info" id="sample_1_info">Showing 1 to 10 of 25 entries</div></div><div class="span6"><div class="dataTables_paginate paging_bootstrap pagination"><ul><li class="prev disabled"><a href="#">← Prev</a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li class="next"><a href="#">Next → </a></li></ul></div></div></div></div>
                     </div>
                  </div>
                  <!-- END EXAMPLE TABLE widget-->
               </div>
            </div>
            <div class="row-fluid">
               <div class="span6 responsive" data-tablet="span12 fix-offset" data-desktop="span6">
                  <!-- BEGIN EXAMPLE TABLE widget-->
                  <div class="widget">
                     <div class="widget-title">
                        <h4><i class="icon-reorder"></i>Sample Table</h4>
                        <span class="tools">
                        <a href="javascript:;" class="icon-chevron-down"></a>
                        <a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
                        <a href="javascript:;" class="icon-refresh"></a>      
                        <a href="javascript:;" class="icon-remove"></a>
                        </span>
                     </div>
                     <div class="widget-body">
                        <div id="sample_2_wrapper" class="dataTables_wrapper form-inline" role="grid"><div class="row-fluid"><div class="span6"><div id="sample_2_length" class="dataTables_length"><label><select size="1" name="sample_2_length" aria-controls="sample_2" class="input-mini"><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> per page</label></div></div><div class="span6"><div class="dataTables_filter" id="sample_2_filter"><label>Search: <input type="text" aria-controls="sample_2" class="input-small"></label></div></div></div><table class="table table-striped table-bordered dataTable" id="sample_2" aria-describedby="sample_2_info">
                           <thead>
                              <tr role="row"><th style="width: 24px;" class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label=""><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="group-checkable" data-set="#sample_2 .checkboxes" style="opacity: 0;"></span></div></th><th class="sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" style="width: 101px;" aria-label="Username: activate to sort column ascending">Username</th><th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" style="width: 193px;" aria-label="Email: activate to sort column ascending">Email</th><th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" style="width: 113px;" aria-label="Status: activate to sort column ascending">Status</th></tr>
                           </thead>
                           
                        <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="gradeX odd">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">shuxer</td>
                                 <td class="hidden-phone "><a href="mailto:shuxer@gmail.com">shuxer@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">looper</td>
                                 <td class="hidden-phone "><a href="mailto:looper90@gmail.com">looper90@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-warning">Suspended</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">userwow</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@yahoo.com">userwow@yahoo.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">user1wow</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">userwow@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-inverse">Blocked</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">restest</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">test@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">foopl</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">weep</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">coop</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">pppol</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">test</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr></tbody></table><div class="row-fluid"><div class="span6"><div class="dataTables_info" id="sample_2_info">Showing 1 to 10 of 12 entries</div></div><div class="span6"><div class="dataTables_paginate paging_bootstrap pagination"><ul><li class="prev disabled"><a href="#">← Prev</a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li class="next"><a href="#">Next → </a></li></ul></div></div></div></div>
                     </div>
                  </div>
                  <!-- END EXAMPLE TABLE widget-->
               </div>
               <div class="span6 responsive" data-tablet="span12 fix-offset" data-desktop="span6">
                  <!-- BEGIN EXAMPLE TABLE widget-->
                  <div class="widget">
                     <div class="widget-title">
                        <h4><i class="icon-reorder"></i>Sample Table</h4>
                        <span class="tools">
                        <a href="javascript:;" class="icon-chevron-down"></a>
                        <a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
                        <a href="javascript:;" class="icon-refresh"></a>      
                        <a href="javascript:;" class="icon-remove"></a>
                        </span>
                     </div>
                     <div class="widget-body">
                        <div id="sample_3_wrapper" class="dataTables_wrapper form-inline" role="grid"><div class="row-fluid"><div class="span6"><div id="sample_3_length" class="dataTables_length"><label><select size="1" name="sample_3_length" aria-controls="sample_3" class="input-mini"><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> per page</label></div></div><div class="span6"><div class="dataTables_filter" id="sample_3_filter"><label>Search: <input type="text" aria-controls="sample_3" class="input-small"></label></div></div></div><table class="table table-striped table-bordered dataTable" id="sample_3" aria-describedby="sample_3_info">
                           <thead>
                              <tr role="row"><th style="width: 24px;" class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label=""><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="group-checkable" data-set="#sample_3 .checkboxes" style="opacity: 0;"></span></div></th><th class="sorting" role="columnheader" tabindex="0" aria-controls="sample_3" rowspan="1" colspan="1" style="width: 101px;" aria-label="Username: activate to sort column ascending">Username</th><th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="sample_3" rowspan="1" colspan="1" style="width: 193px;" aria-label="Email: activate to sort column ascending">Email</th><th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="sample_3" rowspan="1" colspan="1" style="width: 113px;" aria-label="Status: activate to sort column ascending">Status</th></tr>
                           </thead>
                           
                        <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="gradeX odd">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">shuxer</td>
                                 <td class="hidden-phone "><a href="mailto:shuxer@gmail.com">shuxer@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">looper</td>
                                 <td class="hidden-phone "><a href="mailto:looper90@gmail.com">looper90@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-warning">Suspended</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">userwow</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@yahoo.com">userwow@yahoo.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">user1wow</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">userwow@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-inverse">Blocked</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">restest</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">test@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">foopl</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">weep</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">coop</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">pppol</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr><tr class="odd gradeX even">
                                 <td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="checkboxes" value="1" style="opacity: 0;"></span></div></td>
                                 <td class=" ">test</td>
                                 <td class="hidden-phone "><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>
                                 <td class="hidden-phone "><span class="label label-success">Approved</span></td>
                              </tr></tbody></table><div class="row-fluid"><div class="span6"><div class="dataTables_info" id="sample_3_info">Showing 1 to 10 of 12 entries</div></div><div class="span6"><div class="dataTables_paginate paging_bootstrap pagination"><ul><li class="prev disabled"><a href="#">← Prev</a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li class="next"><a href="#">Next → </a></li></ul></div></div></div></div>
                     </div>
                  </div>
                  <!-- END EXAMPLE TABLE widget-->
               </div>
            </div>
            <!-- END PAGE CONTENT-->
         </div>
         <!-- END PAGE CONTAINER-->
      </div>
      <!-- END PAGE -->
   </div>
   <!-- END CONTAINER -->
   <!-- BEGIN FOOTER -->
   <div id="footer">
      2013 © Conquer. Admin Dashboard Template.
      <div class="span pull-right">
         <span class="go-top"><i class="icon-arrow-up"></i></span>
      </div>
   </div>
   <!-- END FOOTER -->
   <!-- BEGIN JAVASCRIPTS -->
   <!-- Load javascripts at bottom, this will reduce page load time -->
   <script type="text/javascript" async="" src="http://stats.g.doubleclick.net/dc.js"></script><script src="js/jquery-1.8.3.min.js"></script> 
   <script src="js/bootstrap.min.js"></script>   
   <script src="js/jquery.blockui.js"></script>
   <!-- ie8 fixes -->
   <!--[if lt IE 9]>
   <script src="js/excanvas.js"></script>
   <script src="js/respond.js"></script>
   <![endif]-->   
   <script type="text/javascript" src="js/jquery.uniform.min.js"></script>
   <script type="text/javascript" src="js/jquery.dataTables.js"></script>
   <script type="text/javascript" src="js/DT_bootstrap.js"></script>
   <script src="js/app.js"></script>     
   <script>
      jQuery(document).ready(function() {       

         // initiate layout and plugins
         App.init();
      });
   </script>
   <script type="text/javascript">
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-37564768-1']);
     _gaq.push(['_setDomainName', 'keenthemes.com']);
     _gaq.push(['_setAllowLinker', true]);
     _gaq.push(['_trackPageview']);
     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
    </script>

<!-- END BODY -->

</body></html>